<template>
	<view class="Bigbox">
		<u-search placeholder="寻找老师课程/老师" v-model="keyword"></u-search>
		<view class="history">
			<view>
				<text>搜索记录</text>
				<u-icon name="trash"size="40"></u-icon>
			</view>
			<view>
				<u-tag v-for="item in historyKey" :key="item" :text="item" type="warning"></u-tag>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword: '',
				historyKey:['1111','2222','234','123','5432','sdfg','1234','1234tgf']
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	
.Bigbox{
	padding: 10px;
	
}
	
.history{
	padding: 10px
}
.history>view:nth-child(1){
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}
	
.history>view:nth-child(2)>u-tag{
	display: inline-block;
	margin: 10px 0px 0px 10px;
}
</style>
